* {-webkit-tap-highlight-color:transparent;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#fff; font:100%/1.5em 'Microsoft Yahei',Arial,tahoma; overflow-x:hidden;}
a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent;}
input {-webkit-appearance:none; border:1px solid #ddd;}
input:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display:block; margin:0 auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
.left {float:left;}
.right {float:right;}
.thumbnail,.partners ul li .partner-logo {position:relative;}
.thumbnail a {display: block; position:relative; height:100%;}
.thumbnail img,.footer .right img,.mainfigure img {width:100%; height:auto;  display:block; max-height:250px; min-height:250px;}
.banner img{width:100%; height:auto;  display:block; }
.more,.readmore {clear:both; overflow: hidden;}
.more a {display:block; float:left; border:1px solid #fff; font-size:0.75em; padding:2px 20px; color:#fff;}
.more a:hover {background-color:#000;}
.banner {margin-bottom:30px;}
.banner img {margin:0 auto; width:auto; max-width:100%;}
.slidebanner {width:100%; height:40px;}
.browser {width:100%; background-color: #FCEFD2; border-bottom:1px solid #F4B329; color:#333; font-weight:bold; text-align:center; padding:8px 10px; font-size:14px;}
/*header*/
.header {overflow:hidden; padding:30px 0 35px;}
/*top*/
.top {height:40px; line-height:40px; font-size:0.875em; color:#333; background-color:#f9f9f9;}
.welcome {width:350px; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:0.875em; color:#888;}
.social {float:right; font-size:1.125em;}
.social a {color:#fff; display:inline-block; float:left; height:30px; width:30px; margin-top:5px; text-align:center; margin-right:10px;line-height: 30px; position:relative;}
.social .weibo {background-color:#e74c3c;}
.social .weixin {background-color: #87bc33;}
.social .weixin img {display:none; width:120px; height:120px; position:absolute; right:0; top:35px; z-index:9; background-color:#f9f9f9; padding:2px; border:1px solid #eee;}
.social .qq {background-color: #43abec;}
/*logo*/
.logo {float:left;}
.logo a {display:block; width:400px; height:67px; }
/*tel*/
.tel {float:right; position:relative; font-family: Arial; font-size:1.3em; color:#e74c3c;}
.tel i.fa {font-size:0.875em;color:#333;}
.tel i.hotline {font-size:0.7em; font-style:normal; color:#333;}
/*nav*/
.nav {width:100%; height:45px; background-color:#000000;}
.menu ul {position:relative;}
.menu ul li {float:left; line-height:45px; font-size:1em; text-align:center; background:url(images/spr.png) no-repeat right center; width:15%;}
.menu ul li:last-child {background:none;}
.menu ul li a {color:#fff; display:block; transition:background 0.3s ease 0s; position:relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.menu ul li a:hover,.menu > ul > li.current-menu-item > a,.menu > ul > li.current-menu-parent > a,.menu > ul > li.current-post-ancestor > a,.menu > ul > li.current-category-ancestor > a,.menu > ul > li > a.cur {background-color:#f70712; height:48px; margin-top:-8px; padding-top:5px;}
.menu ul li em {position:absolute; bottom:0; left:50%; margin-left:-10px; border-bottom:10px solid rgba(188,188,188,0.7); border-left:10px solid transparent; border-right:10px solid transparent; /*display:none;*/ opacity:0; transition:all 0.3s ease 0s; } 
.menu ul li em.open {opacity:1;}
.menu ul li ul {position:absolute; left:0; top:45px; background-color:rgba(255,255,255,0.9); border-radius:0 0 5px 5px; width:100%; z-index:9; display:none;}
.menu ul li li {font-size:1em; background-image:url(images/spr.jpg);}
.menu ul li li a {color:#000;}
.menu ul li li a:hover {margin-top:0; padding-top:0; height:45px; background-color: transparent;}
.menu ul li ul.open {display:block;}
/*pagenav*/
.pagenav {position:relative;}
.pagenav .banner {margin-bottom:0;}
/*pagebox*/
.pagenav .inner {position:absolute; left:50%; margin-left:-600px; bottom:0; background-color:rgba(247,7,18,0.6); height:40px; z-index: 9; overflow: hidden;}
/*breadcrumb*/
.breadcrumb {font-size:0.75em; color:#fefefe; line-height:40px; font-family: 'simsun'}
.breadcrumb a {color:#fefefe;}
.breadcrumb i.fa-home {display:inline-block; float:left; width:40px; text-align:center; height:40px; font-size:1.75em; margin-right:10px; background-color:#000000; opacity:0.9; color:#fff; line-height: 40px;}
/*search-form*/
.search-form {float:right; padding-top:15px;}
.search-form form {overflow: hidden;}
.search-form .s {width:300px; float:left; border:1px solid #bbb; padding:5px; height:25px; border-radius:3px; font-size:0.875em;}
.search-form button {float:left; cursor:pointer; height:25px; display:inline-block; background-color:#fff; color:#999; border:none; padding:0 5px; height:36px; background-color:#000000; color:#fff; width:50px; margin-left:5px; border-radius:3px;}
.search-btn,.menu-btn {float:right; padding-top:12px; display:none;}
.search-btn i.fa,.menu-btn i.fa {display:block; width:30px; height:30px; text-align:center; line-height: 30px; color:#fff; background-color:rgba(0,0,0,0.8); cursor:pointer;}
/*.menu-btn i.fa {background-color:#da251e;}*/
/*slides*/
.slides {overflow:hidden; clear:both; min-height:40px;}
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel img {width:100%; height:auto; display:block;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;
 -moz-backface-visibility: hidden;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent:-9999em; width:43px; height:82px; position:absolute; top:50%; margin-top:-41px;}
.owl-carousel .owl-nav .owl-prev {background:url(images/carousel-arrow-left.png) no-repeat center center; left:7%;}
.owl-carousel .owl-nav .owl-next {background:url(images/carousel-arrow-right.png) no-repeat center center; right:7%;}
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active {opacity:1;}
.owl-carousel.owl-grab { cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } 
}
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0;  transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; } 
.owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-dots {text-align: center;-webkit-tap-highlight-color: transparent; position:absolute; bottom:0px; width:100%; left:0; display:none;}
.owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; cursor:pointer;}
.owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px;  background: #D6D6D6;  display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease;  border-radius: 30px; }
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background: #869791; }
/*productslist*/
.productslist,.showcase,.advantage,.partners,.information {overflow:hidden; padding:30px 0; background-color:#fff;}
.leftnav {float:left; width:250px;}
.leftnav .lefttitle {background-color:#f70712; border-bottom:3px #000000 solid; color:#fff; padding:15px 15px 7px;}
.leftnav .lefttitle h2 {font-size:1em; line-height: 1em;}
.leftnav .lefttitle h2 a {color:#fff;}
.leftnav .lefttitle h3 {font-weight:normal; font-size:0.75em;}
.leftnav ul {background-color:#efefef; border:1px solid #ddd; border-top:none; padding:9px 14px 9.5px;}
.leftnav ul li {font-size:0.875em; padding:7px 0;}
.leftnav ul li a {background-color:#000000; color:#fff; display:block; padding:5px 10px;}
.leftnav ul  li a:hover{background-color:#f70712; color:#fff;}
.leftnav ul li li {font-size:1em;}
.leftnav ul li ul {background-color: #fff;}
.leftnav ul li li a {background-color:transparent; color:#333; padding:0;}
.rightbox {float:right; width:920px;}
.rightbox ul,.itemslist ul {overflow: hidden; padding-left:1px; padding-top:1px;}
.rightbox ul li,.itemslist ul li {float:left; width:295px; overflow: hidden; border:1px solid #eee; padding:5px; margin-left:-1px; margin-top:-1px; background-color:#fff;}
.rightbox ul li .thumbnail,.itemslist ul li .thumbnail {margin-bottom:5px; height:240px; overflow: hidden;}
.rightbox ul li .thumbnail img,.itemslist ul li .thumbnail img,.caselist ul li .thumbnail img,.related-item ul li .thumbnail img {position:absolute; left:0; top:0; height:100%;}
.rightbox ul li h2,.showcase h2,.itemslist ul li h2,.caselist h2 {font-size:0.875em; text-align:center; font-weight:normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rightbox ul li h2 a,.showcase h2 a,.itemslist ul li h2 a,.caselist h2 a {color:#555;}
.rightbox ul li h3,.showcase h3,.itemslist ul li h3,.caselist h3 {font-size:0.875em; text-align:center; font-weight:normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rightbox ul li h3 a,.showcase h3 a,.itemslist ul li h3 a,.caselist h3 a {color:#555;}
/*album*/
.albumlist {padding: 20px 0 25px;clear:both; background: url(images/banner.jpg) no-repeat top center fixed;  background-size: cover;
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px}
/*profile*/
.profile {overflow: hidden; position:relative;}
.profile .thumbnail {float:left; width:250px; height:auto;}
.profile .profile-info {float:right; width:920px;}
.profile .profile-title,.widget .wtitle {float:left; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;}
.profile .profile-title h3,.widget .wtitle h3 {font-weight:normal; font-size:1.2em; color:#000; line-height: 1.2em;}
.profile .profile-title h2,.widget .wtitle h2 {font-weight:normal; font-size:1.2em; color:#000; line-height: 1.2em;}
.profile .profile-title h4,.widget .wtitle h4 {font-weight:normal; font-size:0.75em; color:#000;}
.profile .profile-text {clear:both; margin-bottom:15px;}
.profile .profile-text p {font-size:0.875em; color:#fff; padding:5px 0; text-align:justify;}
/*showcase*/
.showcase,.advantage,.partners {position:relative;}
.showcase #showcase {overflow: hidden; padding:30px 0 40px;}
.showcase .item {float:left; padding:5px; border:1px solid #ddd;}
.showcase p {font-size:0.75em; color:#666; height:48px; overflow: hidden; background-color:#f9f9f9; padding:0 5px;}
.showcase .owl-dots {display:block;}
.showcase .owl-nav,.first .owl-nav {display:none;}
/*title*/
.titleline {width:100%; height:0; border-top:1px solid #dedede; position:absolute; left:0; top:84px; z-index: 1;}
.title {text-align:center; position:relative; padding-top:54px;}
.title h3 {font-size:1.5em; color:#555; width:280px; border:1px solid #dedede; border-bottom:none; margin:0 auto; overflow: hidden; background-color:#fff; padding:15px 0; position:absolute; left:50%; top:0; margin-left:-140px; z-index: 2; font-weight:normal;}
.title h2 {font-size:1.5em; color:#555; width:280px; border:1px solid #dedede; border-bottom:none; margin:0 auto; overflow: hidden; background-color:#fff; padding:15px 0; position:absolute; left:50%; top:0; margin-left:-140px; z-index: 2; font-weight:normal;}
.title h4,.advantage .ltitle h4 {font-weight:normal; color:#888; font-size:0.875em; font-family: Arial; text-transform: uppercase;}
/*advantage*/
.advantage i.arrow {border-top:25px solid #f5fbfd; border-left:25px solid transparent; border-right:25px solid transparent; position:absolute; left:50%; top:0; margin-left:-25px;}
.advantage .ltitle {position:relative; text-align:center; padding-top:48px; z-index: 2;}
.advantage .ltitle h2 {position:absolute; left:50%; top:0; margin-left:-150px; line-height: 1em; color:#555; font-size:1.75em; background-color:#fff; width:300px; padding:10px 0; z-index: 3; font-weight:normal;}
.advantage .titleline {top:55px; background-color:#000000;}
.advantage .ltitle .square {position:absolute; left:-20px; top:22.5px; width:20px; height:5px; background-color:#85a1f2; z-index: 2;}
.advantage .ltitle .right {left:auto; right:-20px;}
.advantage .box {overflow: hidden; padding:15px 0; margin-top:20px;}
.advantage .box h5 {font-size:1.5em; line-height: 1.5em; margin-bottom:15px; color:#000000; padding-left:60px; font-weight:normal;}
.advantage .box p {font-size:1em; color:#333; padding:10px 0 10px 30px;}
.advantage .left {width:600px; position:relative;}
.advantage .thumbwrap {float:right; width:500px;}
.advantage .thumb { border:1px dashed #ddd; padding:10px; background-color:#fff;}
.advantage .thumb img {width:100%; height:auto; display:block;}
.advantage .box.odd {background-color:#f5fbfd; padding:15px;}
.advantage .box.odd .left {float:right;}
.advantage .box.odd .thumbwrap {float:left;}
.advantage .left span {font-family: Helvetica, sans-serif, Arial; font-size:2.5em; position:absolute; left:0; top:5px; color:#777; border:1px solid #eee; }
/*partners*/
.partners .title {margin-bottom:30px;}
.partners ul {overflow:hidden;}
.partners ul li {float:left; width:20%; height:auto; overflow: hidden;}
.partners ul li .partner-logo {border:1px solid #ddd; height:144px; overflow: hidden;}
.partners ul li img {position:absolute; left:0; top:0; width:100%; height:100%; display:block; }
/*newslist*/
.newslist {overflow: hidden; background-color:#ffffff; padding:30px 0;}
.newslist .ntitle {border-bottom:1px solid #ddd; margin-bottom:30px; overflow: hidden; position:relative;}
.newslist .ntitle i.fa {color:#000000; margin-right:0.5em; font-size:1.25em; float:left;}
.newslist .ntitle span.left {border-bottom:2px solid #85a1f2; padding-bottom:10px; font-size:1.5em; padding-right:10px;}
.newslist .ntitle span.right {font-family: 'simsun'; font-size:0.75em; position:absolute; right:0; top:10px;}
.newslist .ntitle span.right a {color:#555;}
.newslist .ntitle span.right a:hover {font-weight:bold; color:#000;}
.newslist .first {float:left; width:400px; height:370px; overflow:hidden; position:relative;}
.newslist .first img {width:100%; height:370px; display:block;}
.newslist .first a {display:block;}
.newslist .first h2 {position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; background-color:rgba(0,0,0,.7); font-size:0.875em; font-weight:normal;}
.newslist .first h2 a {color:#fff; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.min-post {position:relative; width:770px; float:right; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px;}
.min-post .date,.excerpt .date {float:left; padding-right:20px;}
.min-post .date i,.excerpt .date i {text-align:center; display:block; }
.min-post .date i.day,.excerpt .date i.day {width:50px; height:55px; line-height: 55px; font-size:1.75em; background-color:#f6f6f6; color:#555; border:1px solid #eee; border-bottom:4px solid #ddd; border-radius:3px; margin-bottom:5px;}
.min-post .date i.mon,.excerpt .date i.mon {font-style:normal; color:#888; font-size:0.875em;}
.min-post h2 {font-size:1.125em; font-weight:normal; margin-bottom:10px; line-height: 1em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.min-post h2 a {color:#222;}
.min-post  a {color:#222;}
.min-post p {font-size:0.75em; color:#777; line-height: 1.65em; height:60px; overflow: hidden;}
.newslist .more {width:770px; float:right; padding-top:5px; clear:none;}
/*infotab*/
.infotab {margin-bottom:20px;}
.infotab ul {border-bottom:1px solid #000000;}
.infotab ul li {float:left; font-size:0.875em; padding:10px 20px; margin:0 5px; cursor:pointer; color:#555;}
.infotab ul li.cur {border:1px solid #000000; border-bottom:none; background-color:#fff; border-radius:3px 3px 0 0; margin-bottom:-1px; color:#000000; font-weight:bold;}
.infotab ul li a {color:#555;}
.infotab ul li.cur a {color:#000000;}
.tabbox {display:none; clear:both;}
.tabbox.on {display:block;}
.tabbox ul {overflow: hidden;}
.tabbox ul li { float:left; width:48%; padding:10px 0;  overflow: hidden; text-overflow:ellipsis; padding-left:20px}
.tabbox .thumbnail {width:120px; height:97px; overflow: hidden; float:left; border-right:1px solid #ddd; padding-right:15px; margin-right:15px;}
.tabbox .more {margin-top:20px;}
.tabbox .more a {float:none; margin:0 auto; width:60px; text-align:center;}
.tabbox h2 {font-weight:normal; font-size:0.875em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tabbox h2 a {color:#111;}
.tabbox h3 {font-weight:normal; font-size:0.875em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tabbox h3 a {color:#111;}
.tabbox p {font-size:0.75em; overflow: hidden; color:#666; height:72px;}
/*contact*/
.contact {background:url(images/contact.jpg) no-repeat bottom center; background-size:100% 100%; background-attachment:fixed; padding:30px 0;position:relative;}
.contact .inner {background:rgba(255,255,255,0.8);  overflow: hidden; padding:25px 0;}
.contact .left {width:550px; padding-left:25px;}
.contact .left img {width:100%; height:auto; display:block;}
.contact .right {width:560px; padding-right:25px;}
.contact .ctitle {border-bottom:1px solid #ddd; margin-bottom:5px; padding-bottom:5px;}
.contact .ctitle p {color:#555;}
.contact h3 {font-size:1.25em; font-weight:normal; color:#000000; line-height: 1.5em; margin-bottom:8px;}
.contact p {font-size:0.875em; padding:8px 0; clear:both; overflow:hidden;}
.contact p.captcha img {height:40px; width:auto; display:block; float:left;}
.contact p.captcha span {display:block; float:left; line-height:40px; padding-left:15px;}
.contact label {display:block; float:left; width:80px; height:28px; line-height: 28px; font-size:1em; color:#333;}
.contact .text,.contact textarea {background-color:#fff; border-color:#aaa; height:16px; padding:5px 0; width:70%; text-indent:5px;}
.contact textarea {height:120px; border:1px solid #aaa; resize:vertical;}
.contact .submit {width:70%; margin-left:80px; cursor:pointer; height:35px; background-color:#da251e; border-color:#da251e; color:#fff;}
/*friendlinks*/
.friendlinks {position:relative; padding-left:100px; background-color:#ddd; margin-bottom:20px;}
.friendlinks .ftitle {position:absolute; left:0; top:0; height:100%; width:100px; background-color:#999; border-right:3px #ccc solid;}
.friendlinks .fwrap {height:48px; position:absolute; left:0; top:50%; margin-top:-24px; width:100%;}
.friendlinks h2,.friendlinks h3,.friendlinks h4 {font-size:0.875em; text-align:center; color:#fff;}
.friendlinks h3, .friendlinks h4{letter-spacing: 3px;}
.friendlinks ul {border:1px solid #ddd; overflow: hidden; padding:10px;}
.friendlinks ul li {float:left; font-size:0.75em; padding:5px 10px;}
.friendlinks a {color:#555;}
/*footer*/
.footer {background-color:#000000; padding:30px 0;}
.footer .inner {overflow:hidden;}
.footer .line {width:100%; height:0; border-top:1px solid #fff; border-bottom:1px solid #333;}
.footer .left {width:60%;}
.footer .right {width:30%;}
.footer .right ul {overflow: hidden;}
.footer .right ul li {float:right; width:40%; padding:10px; text-align:center;}
.footer .right ul li p {font-size:0.75em; color:#ddd; margin-top:5px;}
.fixedbg {display:none;}
/*pageslist*/
.pageslist {padding:10px 0;}
.pageslist ul {overflow: hidden;}
.pageslist ul li {float:left; font-size:0.75em; padding:5px 25px 5px 0;}
.pageslist ul li a {color:#ddd;}
/*companyinfo*/
.companyinfo {padding:10px 0;}
.companyinfo p {font-size:0.75em; color:#ddd; padding:5px 0;}
.companyinfo a {color:#ddd;}
/*fixedwidget*/
.fixedwidget {position:fixed; right:1px; top:50%; width:55px; text-align:center; z-index: 8; }
.fixedwidget a {color:#888;}
.fixedwidget ul {padding-top:1px;}
.fixedwidget ul li {height:55px; border:1px solid #ddd; color:#888; background-color:#fff; cursor:pointer; font-size:1.75em; line-height: 55px; margin-top:-1px; font-weight:lighter;}
.fixedwidget ul li.backtop {line-height: 50px; font-size:2.5em; display:none;}
/*container*/
.container {overflow: hidden; padding:30px 0;}
/*sidebar*/
.sidebar {float:left; width:250px;}
.sidebar .leftnav {float:none; width:auto;}
.sidebar .leftnav i {font-style:normal; float:right;}
.widget {margin-top:25px; background-color:#efefef; padding:10px; border:1px solid #ddd; border-top:2px solid #000000;}
.widget ul {clear:both;}
.widget ul li {font-size:0.875em;}
.widget ul li a {color:#333;}
.widget .wtitle {padding-right:10px;}
.widget .contactwidget {clear: both;}
.widget .contactwidget img {width:100%; height:auto; display:block;}
.widget .contactwidget p {font-size:0.875em; padding:3px 0; color:#444;}
.widget .contactwidget p.online a {display: block; text-align: center; background-color: #da251e; color:#fff; padding:4px 0;}
.calendar_wrap {margin-left:-8px;}
#searchform input[type='text']{border:1px solid #ddd; text-indent:5px; padding:5px 0;}
.screen-reader-text {font-size:0.75em;}
#searchsubmit {background-color:#fff; cursor:pointer; font-size:0.75em; padding:5px 2px;}
/*main*/
.main {width:920px; float:right;}
.excerpt {position:relative; padding-left:5px; margin-bottom:15px; border-bottom:1px solid #eee; padding-bottom:15px;}
.excerpt .date {position:absolute; left:0; top:5px; padding-right:0;}
.excerpt h2 {font-size:1.25em; font-weight:normal; line-height: 1.5em; margin-bottom:15px; margin-top:-5px;}
.excerpt h2 a {color:#333;}
.excerpt h2 a:hover {color:#000000;}
.excerpt p {font-size:0.875em; height:60px; overflow: hidden; color:#666; text-align:justify;}
/*blog-excerpt*/
.blog-excerpt {position:relative; padding-left:200px;}
.blog-excerpt .thumbnail {position:absolute; left:0; top:5px; width:180px; height:146px; overflow: hidden;}
.blog-excerpt p {margin-bottom:10px;}
.blog-excerpt h2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.readmore a {font-size:0.75em; color:#000000; float:left;}
/*pagenavi*/
.pagenavi {overflow: hidden; padding-top:10px; clear: both;}
.pagenavi a {display:block; float:left; background-color:#000000; color:#fff; padding:3px 12px; margin-right:5px; font-size:0.875em;}
.pagenavi a:hover,.pagenavi a.oncurrent {background-color:#da251e;}
/*itemslist*/
.itemslist {margin-bottom:25px;}
/*caselist*/
.caselist {overflow: hidden;}
.caselist ul {margin-bottom:15px; overflow: hidden; border-bottom:1px solid #eee;}
.caselist ul li {float:left; width:25%; margin-bottom:-1px; border-bottom:1px solid #eee; padding-bottom:15px; margin-top:15px;}
.caselist ul li .thumbnail {padding:5px; border:1px solid #eee; height:234px; overflow:hidden;}
.caselist ul li p {font-size:0.75em; color:#666; padding:0 5px; height:48px; overflow: hidden;}
.caselist .pagenavi {text-align:center;}
.caselist .pagenavi a {display:inline-block; float:none;}
/*post*/
.post h1.post-title {text-align:center; font-size:1.5em; line-height: 1.5em; color:#222;}
.post .postmeta {padding:15px 0; font-size:0.75em; color:#888; text-align:center; border-bottom:1px dashed #ddd;}
.post .postmeta span {padding:0 5px;}
.post .postmeta a {color:#888;}
.post .entry {margin-top:25px; clear:both;}
.post .entry p,.post .entry ul,.post .entry ol,.post .entry blockquote,.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6,.post .entry ul,.post .entry ol {font-size:1em; line-height: 1.75em; color:#333; padding:8px 0;}
.post .entry ul,.post .entry ol {padding-left:2em;}
.post .entry ul li {list-style:inside disc none;}
.post .entry ol li {list-style:inside decimal none;}
.post .tags {padding:15px 0; font-size:0.75em; color:#555;}
.post .tags a {color:#000000;}
/*related-news*/
.related-news {border-top:1px solid #ededed; padding-top:15px;}
.related-news h3 {font-weight:normal; font-size:1.125em; line-height: 1.5em; margin-bottom:15px;}
.related-news ul {overflow: hidden; padding-left:2px;}
.related-news ul li {float:left; font-size:0.875em; width:48%; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; padding:2px 0; list-style: disc none;}
.related-news ul li.right {float:right;}
.related-news ul li a {color:#333;}
.related-news ul li a:hover {color:#000000;}
/*commentslist*/
.commentslist {position:relative; margin-top:25px;}
.commentslist h3 {border-bottom:1px solid #ddd; font-size:1em; font-weight:normal; padding-bottom:5px; margin-bottom:10px;}
.commentslist .cmtnum {position:absolute; right:0; top:0; font-size:0.75em; color:#555;}
.commentslist li {overflow: hidden; padding:20px 0; border-bottom:1px dashed #ddd;}
.commentslist .cmt-wrap {position:relative; padding-left:70px;}
.commentslist .gravatar {position:absolute; left:0; top:0; width:55px; height:55px; border:1px solid #dedede; padding:1px; background-color:#fff;}
.commentslist .gravatar img {width:100%; height:auto; display:block;}
.commentslist .cmt-user {line-height: 1.1em; margin-bottom:2px; border-bottom:1px dotted #ddd; padding-bottom:8px;}
.commentslist .cmt-user span.username {font-weight:bold; font-size:0.875em; color:#333;}
.commentslist .cmt-user span.username a {color:#333;}
.commentslist .cmt-user span.reply {float:right; font-size:0.75em;}
.commentslist .cmt-user span.reply a {color:#666;}
.commentslist .cmt-meta {font-size:0.75em; color:#999; font-family: Arial;}
.commentslist .cmt-text {font-size:0.875em; color:#333; padding:5px 0;}
.commentslist li li {margin-top:15px; margin-left:20px; border:none; padding:0;}
.commentslist .pagenavi {margin-top:15px;}
/*respond*/
#respond {margin-top:15px;}
#respond p {font-size:0.875em; padding:5px 0; overflow: hidden;}
#respond p.warning {color:#555;}
#respond p.warning a {color:#555;}
#respond label {display:block; margin-bottom:2px; color:#333;}
#respond .text {border:1px solid #ddd; font-size:0.875em; padding:5px 0; text-indent:5px; width:300px;}
#respond textarea {border:1px solid #ddd; width:80%; height:120px; padding:5px; font-size:0.875em;}
#respond .submit {float:left; display:block; background-color:#da251e; color:#fff; font-size:0.875em; padding:8px 20px; cursor:pointer; border:none; border-radius:2px;}
#respond .submit:hover {opacity:0.8;}
/*baguettebox*/
#baguetteBox-overlay {display: none; opacity: 0; position: fixed; overflow: hidden; top: 0;  left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease;  transition: opacity .5s ease;}
#baguetteBox-overlay.visible {opacity: 1;}
#baguetteBox-overlay .full-image {display: inline-block; position: relative; width: 100%; height: 100%; text-align: center;}
#baguetteBox-overlay .full-image figure {display: inline; margin: 0; height: 100%;}
#baguetteBox-overlay .full-image img {display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}
#baguetteBox-overlay .full-image figcaption {display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; white-space: normal;color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: sans-serif;}
#baguetteBox-overlay .full-image:before {content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px;}
#baguetteBox-slider {position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, transform .4s ease;  transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }
#baguetteBox-slider.bounce-from-right {-webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }
#baguetteBox-slider.bounce-from-left {-webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }
@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {top: 50%; top: calc(50% - 30px); width: 44px;  height: 60px;}
.baguetteBox-button {position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0;  -moz-border-radius: 15%;  border-radius: 15%;  background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease;}
.baguetteBox-button:focus, .baguetteBox-button:hover {background-color: rgba(50, 50, 50, 0.9);}
.baguetteBox-button#next-button {right: 2%;}
.baguetteBox-button#previous-button {left: 2%;}
.baguetteBox-button#close-button {top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; }
.baguetteBox-button svg {position: absolute; left: 0; top: 0;}
.baguetteBox-spinner {width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0;  left: 0; -webkit-animation: bounce 2s infinite ease-in-out;  animation: bounce 2s infinite ease-in-out;}
.baguetteBox-double-bounce2 {-webkit-animation-delay: -1s;  animation-delay: -1s;}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }
/*mainfigure*/
.mainfigure {float:left; width:350px;}
.post-case .title-wrap {float:right; width:530px;}
.post-case h1.post-title {font-weight:normal; text-align:left; font-size:1.25em;}
.main h1.post-title {font-weight:normal; text-align:center; font-size:1.25em; padding:0 0 15px}
.post-case .postmeta {text-align:left; margin-bottom:20px;}
.post-case .postmeta p {padding:2px 0;}
.post-case .online ul {overflow: hidden;}
.post-case .online ul li {width:100%; float:left; font-size:1em;}
.post-case .online ul li a {display:block; width:320px; margin:0 auto; text-align:center; color:#fff; padding:8px 0;}
.post-case .online ul li.qq a {background-color:#da251e;}
.post-case .online ul li.message a {background-color:#000000;}
/*protfolio*/
.protfolio {clear:both;}
.protfolio.advantage {padding:30px 0 0;}
.related-item.advantage {padding:0;}
.related-item.advantage .titleline {top:20px;}
.protfolio.advantage .ltitle,.related-item.advantage .ltitle {padding-top:38px; margin-bottom:10px;}
.protfolio.advantage .ltitle h3,.related-item.advantage h3 {width:180px; margin-left:-90px; font-size:1.25em;}
.protfolio.advantage .ltitle h4,.related-item.advantage h4 {color:#da251e; font-family: Arial;}
.advantage .titleline {top:50px;}
.advantage .ltitle .square {top:18px;}
.protfolio ul {background-color:#f6f6f6; overflow: hidden; padding-bottom:10px;}
.protfolio ul li {float:left; width:143px; padding:10px 0 0 9px;}
.protfolio ul li a {display:block;}
.protfolio ul li img {width:139px; height:113px; border:1px solid #eee; padding:1px; display:block; background-color:#fff;}
.post-case .entry {margin-top:0;}
.related-item {overflow: hidden;}
.related-item ul {overflow:hidden; width:935px;}
.related-item ul li {float:left; width:437px; padding:8px 15px 8px 0;}
.related-item ul li .thumbnail {width:auto; height:178px; overflow:hidden; float:none; margin-bottom:5px;}
.related-item ul li p {text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; font-size:0.875em;}
.related-item ul li a {color:#333;}
/*notfound*/
.notfound {text-align:center; padding:50px 0 80px; overflow: hidden;}
.notfound h1 {font-size:3em; color:#888; line-height: 1.5em; font-weight:lighter;}
.notfound p {font-size:1em; color:#888; font-weight:lighter; padding:5px 0;}
.notfound a {background-color:#da251e; color:#fff; font-size:0.75em; padding:5px 10px; margin-left:10px; border-radius:3px;}
.notfound-title {border-bottom:1px solid #000000;}
.notfound-title h2 {font-weight:lighter; font-size:1em; color:#fff; background-color: #000000; width:180px; margin:0 auto; text-align:center; padding:5px 0;}
/*screen width*/
@media only screen and (max-width:1280px){
	.inner {width:1000px;}
	.pagenav .inner {margin-left:-500px;}
	.leftnav {width:200px;}
	.rightbox {width:770px;}
	.rightbox ul li {width:245px;}
	.rightbox ul li .thumbnail {height:199px;}
	.profile .profile-info {width:720px;}
	.advantage .left {width:500px;}
	.advantage .thumbwrap {width:440px;}
	.contact .left {width:450px;}
	.contact .right {width:450px;}
	.partners ul li .partner-logo {height:119px;}
	.min-post,.newslist .more {width:570px;}
	.main {width:720px;}
	.itemslist ul li {width:229px; }
	.itemslist ul li .thumbnail {height:186px;}
	.post-case .title-wrap {width:350px;}
	.protfolio ul li {width:111px; padding-left:7.7px;}
	.protfolio ul li img {width:107px; height:87px;}
	.related-item ul {width:735px;}
	.related-item ul li {width:168.75px;}
}
@media only screen and (max-width:1080px){
	.inner {width:900px;}
	.pagenav .inner {margin-left:-450px;}
	.leftnav {width:181px;}
	.rightbox {width:689px;}
	.rightbox ul li {width:218px;}
	.rightbox ul li .thumbnail {height:177px;}
	.profile .profile-info {width:620px;}
	.advantage .left {width:400px;}
	.contact .left {width:420px;}
	.contact .right {width:400px;}
	.contact textarea {height:60px;}
	.partners ul li .partner-logo {height:107px;}
	.newslist .first {width:300px; height:278px;}
	.newslist .first img {height:278px;}
	.main {width:620px;}
	.itemslist ul li {width:298px;}
	.itemslist ul li .thumbnail {height:242px;}
	.post-case .title-wrap,.mainfigure {width:300px;}
	.protfolio ul li {width:94px; padding-left:8.2px;}
	.protfolio ul li img {width:90px; height:76px;}
	.related-item ul {width:635px;}
	.related-item ul li {width:143.75px;}
	.related-item ul li p {font-size:0.75em;}
}
@media only screen and (max-width:960px){
	.inner {width:780px;}
	.pagenav .inner {margin-left:-390px;}
	.menu ul li {font-size:0.75em;}
	.leftnav,.mainfigure {display:none;}
	.rightbox {width:100%; float:none;}
	.rightbox ul li {width:248.33px;}
	.rightbox ul li .thumbnail {height:202px;}
	.profile .profile-info {width:500px;}
	.profile .profile-text p {font-size:0.75em;}
	.advantage .left {width:350px;}
	.advantage .box h5 {font-size:1.25em; margin-bottom:5px;}
	.advantage .box p {font-size:0.875em;}
	.advantage .thumbwrap {width:400px;}
	.advantage .box.odd .thumbwrap {width:360px;}
	.contact .left,.contact .right {width:86%; float:none; margin:0 auto; padding:0;}
	.contact .text, .contact textarea {width:95%;}
	.contact .submit {margin-left:0; width:95%; display:block;}
	.partners ul li .partner-logo {height:93px;}
	.min-post, .newslist .more {width:450px;}
	.min-post p {height:40px;}
	.min-post .date i.day {height:40px; line-height: 40px;}
	.sidebar .leftnav {display:block;}
	.sidebar {width:220px;}
	.main {width:530px;}
	.itemslist ul li {width:253px;}
	.itemslist ul li .thumbnail {height:205px;}
	.post-case .title-wrap {width:auto;}
	.protfolio ul li {width:123px; padding-left:8px;}
	.protfolio ul li img {width:119px; height:97px;}
	.related-item ul {width:545px;}
	.related-item ul li {width:120.75px;}
}
@media only screen and (max-width:800px){
	.inner {width:90%;}
	.header {padding:20px 0 25px;}
	.pagenav .inner {margin-left:-45%;}
	.welcome,.profile .thumbnail,.owl-nav,.sidebar {display:none;}
	.logo a {width:300px; height:50px;}
	.search-form .s {width:200px;}
	.tabbox ul li,.footer .left,.footer .right {width:100%; float:none; clear:both;}
	.footer .right ul li {float:left; width:150px; padding:10px 10px 0 0;}
	.profile .profile-info {width:100%; float:none; clear: both;}
	.advantage .thumbwrap,.advantage .box h5 {margin-bottom:15px;}
	.advantage .thumbwrap,.advantage .left,.advantage .box.odd .thumbwrap {width:100%; float:none;}
	.advantage .box p {padding-left:0;}
	.newslist .first {float:none; width:100%; height:auto; margin-bottom:20px;}
	.newslist .first img {height:auto;}
	.min-post, .newslist .more {float:none; width:auto;}
	.owl-dots {display:block;}
	.pagenav .inner {width:100%; margin:0; position:static; left:auto; bottom:auto; height:35px; line-height: 35px;}
	.breadcrumb i.fa-home {background-color:transparent; height: 35px; line-height: 35px; font-size:1.5em; margin-right:0;}
	.search-form {position:absolute; left:0; top:-55px; width:90%; background-color:#f9f9f9; float:none; padding:10px 5%; transition: top 0.4s ease 0s; box-shadow: 0px 1px 3px #ddd; z-index: 2;}
	.search-form.open {top:0;}
	.search-form .s {width:88%; padding:3px 0; text-indent:5px; border-radius:0;}
	.search-form button {width:10%; margin-left:1%; border-radius:0; height:32px;}
	.search-btn,.menu-btn {display:block;}
	.nav {height:5px; position:relative;}
	.nav i.color {display:block; position:absolute; right:5%; background:#f00; color:#fff; width:45px; height:5px;}
	.tel {float:left;}
	.nav .menu {position:fixed; left:-226px; top:0; width:220px; height:100%; background-color:#000000; z-index: 9; box-shadow: 0 1px 5px #6d8de8; overflow:hidden; transition:left 0.3s ease 0s;}
	.nav .menu.open {left:0; overflow-y:scroll;}
	.menu ul li {float:none; width:100%; background-image: none; font-size:0.875em;}
	.menu ul {padding:5px 0;}
	.menu ul li li {background-image:none;}
	.menu ul li ul {display:block; position:static; left:auto; top:auto; background-color:rgba(255,255,255,0.9); border-radius:0;}
	.menu ul li em {opacity:1; display:none; border-bottom-color:rgba(255,255,255,0.9);}
	.menu ul li a:hover,.menu ul li a.cur,.menu ul li.current > a {background-color: transparent; height:45px; padding-top:0; margin-top:0;}
	body.open {position:fixed; overflow:hidden; left:0; top:0; width:100%;}
	.fixedbg {position:fixed; left:0; top:0; background-color:rgba(0,0,0,.8); width:100%; height:100%; z-index: 8;}
	.fixedbg i {position:absolute; right:20px; top:20px; cursor:pointer; display:block; font-size:2em; color:#fff; z-index: 10;}
	.fixedbg.open {display:block;}
	.rightbox ul {padding:0;}
	.rightbox ul li,.itemslist ul li {border:none; margin:0; padding:0; width:33.333%;}
	.rightbox ul li .thumbnail,.itemslist ul li .thumbnail {padding:5px;}
	.main {width:100%; float:none;}
	.protfolio ul li {width:23.194%; padding-left:1.388%;}
	.protfolio ul li img {width:100%; height:132px; padding:0; border:none;}
	.related-item ul {width:102%;}
	.related-item ul li {width:23%; padding-right:2%;}
}
@media only screen and (max-width:700px){
	.protfolio ul li img {height:119px;}
	.protfolio.advantage .ltitle,.related-item.advantage .ltitle {padding-top:28px;}
	.protfolio.advantage .ltitle h3,.related-item.advantage h3 {font-size:1em; padding:5px 0;}
	.advantage .ltitle h4 {font-size:0.75em;}
	.advantage .titleline {top:45px;}
	.related-item.advantage .titleline {top:15px;}
	.advantage .ltitle .square {top:13px;}
}
@media only screen and (max-width:640px){
	.header {padding:15px 0 20px;}
	.caselist ul li {width:50%;}
	.related-news ul li {float:none; width:auto;}
	.related-news ul li.right {float:none;}
	.protfolio ul li img {height:108px;}
}
@media only screen and (max-width:540px){
	.excerpt {padding-left:50px;}
	.excerpt .date i.day {width:35px; height:35px; line-height: 35px; font-size:1.25em; font-style:normal;}
	.excerpt .date i.mon {font-size:0.75em;}
	.excerpt h2 {font-size:1.125em;}
	.blog-excerpt .thumbnail {width:150px; height:122px;}
	.blog-excerpt {padding-left:165px; height:122px;}
	.blog-excerpt p,.readmore {display:none;}
	.blog-excerpt h2 {white-space: normal; font-size:1em;}
	.protfolio ul li img {height:92px;}
}
@media only screen and (max-width:480px) {
	.logo a {width:220px;}
	.logo img {max-width:220px}
	.rightbox ul li,.itemslist ul li {width:50%;}
	.post-case h1.post-title {font-size:1.125em;}
	.protfolio ul li {padding-top:6px;}
	.protfolio ul li img {height:81px;}
	
	.related-item ul li {width:48%; padding-right:2%;}
}
@media only screen and (max-width:420px) {
	#respond textarea {width:290px;}
	.protfolio ul li img {height:71px;}
	.logo img {max-width:220px}
}
@media only screen and (max-width:360px) {
	.tel i.hotline,.tabbox p {display:none;}
	.tabbox h2 {white-space: normal;}
	.footer .right ul li {width:120px;}
	.logo img {max-width:220px}
	.min-post h2 {font-size:1em;}
	.search-form .s {width:83%;}
	.search-form button {width:15%;}
	.blog-excerpt .thumbnail {width:120px; height:97px;}
	.blog-excerpt {padding-left:135px; height:97px;}
	#respond .text,#respond textarea {width:90%; padding:5px;}
	.post-case .online ul li a {width:100%;}
	.protfolio ul li img {height:61px;}
}
@media only screen and (max-width:320px) {
	.protfolio ul li img {height:54px;}
	.logo img {max-width:220px}
}